<script setup lang="ts">
// 通过泛型定义 Prop
// key:参数名
// value:参数类型
// 可以定义为可选
// 可以通过返回值获取数据
// const props = defineProps<{
//   name: string
//   age?: number
// }>()

defineProps<{
  money: number
  car?: string
}>()

const emit = defineEmits<{
  (e: 'changeMoney', money: number): void
  (e: 'changeCar', car: string): void
}>()
</script>

<template>
  <div class="son">
    <!-- <h2>我是子组件{{ name }} {{ age }}</h2> -->
  </div>
  <button @click="emit('changeMoney', 10000)">搬砖1一个月</button>
  <button @click="emit('changeCar', '劳斯莱斯')">换车</button>
</template>
<style scoped>
.son {
  background-color: skyblue;
}
</style>
